<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<title>开放统计</title>
	@@include('../components/css.html')
	<link href="../assets/css/statistics.css" rel="stylesheet">

</head>
<body class="statistics">
	@@include('../components/header.html')
	<div class="statistics-wrap">
        <div class="light-wrap"></div>
		<div class="content-wrap">
			<div class="statistic-line">
				<ul class="clearfix">
					<li class="com-con statistic-item">
						<div class="item-wrap clearfix">
							<div class="ico-wrap visited fl"></div>
							<div class="details-wrap fl">
								<p class="item-num visit-num">0</p>
								<p class="item-txt">平台访问次数</p>
							</div>
						</div>
					</li>
					<li class="com-con statistic-item">
						<div class="item-wrap clearfix">
							<div class="ico-wrap download fl"></div>
							<div class="details-wrap fl">
								<p class="item-num download-num">0</p>
								<p class="item-txt">数据下载次数</p>
							</div>
						</div>
					</li>
					<li class="com-con statistic-item">
						<div class="item-wrap clearfix">
							<div class="ico-wrap api-call fl"></div>
							<div class="details-wrap fl">
								<p class="item-num api-num">0</p>
								<p class="item-txt">API调用次数</p>
							</div>
						</div>
					</li>
					<li class="com-con statistic-item">
						<div class="item-wrap clearfix">
							<div class="ico-wrap catalog-num fl"></div>
							<div class="details-wrap fl">
								<p class="item-num directory-total-num">0</p>
								<p class="item-txt">数据目录总量</p>
							</div>
						</div>
					</li>
					<li class="com-con statistic-item last-item">
						<div class="item-wrap clearfix">
							<div class="ico-wrap api-service fl"></div>
							<div class="details-wrap fl">
								<p class="item-num api-service-num">0</p>
								<p class="item-txt">API服务总量</p>
							</div>
						</div>
					</li>
				</ul>
			</div>
			<div id="origin-chart" class="origin-chart">
                <div class="chart-wrap">
				    <div id="chart-map" class="statistics-map"></div>
                </div>

				<div class="clearfix">
					<div class="fl">
						<div class="clearfix">
							<div class="charts-box chart1 fl">
								<div class="title">注册类型分析</div>
								<div id="chart1"></div>
							</div>
							<div class="charts-box chart1 fl">
								<div class="title">平台访问历史</div>
								<div id="chart2"></div>
							</div>
						</div>
						<div class="charts-box chart2">
							<div class="title">数据开放统计</div>
							<div class="tab">
								<ul>
									<li class="active" onclick="initOpenChart('4')">基础</li>
									<li onclick="initOpenChart('1')">主题</li>
									<li onclick="initOpenChart('2')">部门</li>
									<li onclick="initOpenChart('3')">地方</li>
								</ul>
							</div>
							<div id="chart3"></div>
						</div>
					</div>
					<div class="fr">
						<div class="charts-box chart3">
							<div class="title">访问次数</div>
							<div id="chart4"></div>
						</div>
					</div>
				</div>
				<div class="clearfix">
					<div class="charts-box chart4 fl">
						<div class="title">部门数据Top10</div>
						<div id="chart5"></div>
					</div>
					<div class="charts-box chart4 fr">
						<div class="title">数据更新统计</div>
						<div id="chart6"></div>
					</div>
				</div>
				<div class="clearfix">
					<div class="charts-box chart5 fl">
						<div class="title">数据下载Top10</div>
						<div id="chart7"></div>
					</div>
					<div class="charts-box chart5 fr">
						<div class="title">API访问Top10</div>
						<div id="chart8"></div>
					</div>
				</div>
			</div>
			<div class="visit-wrap"></div>
			<div class="top-wrap"></div>
		</div>
	</div>
	@@include('../components/footer.html')
</body>
@@include('../components/js.html')
<script src="../assets/js/common/geoConfig.js"></script>
<script src="../assets/js/common/echarts.min.js"></script>
<!--[if IE 8]> 
<script src="https://cdn.staticfile.org/echarts/3.5.0/echarts.min.js"></script>
<![endif]-->
<script src="../assets/js/common/china-map.js"></script>
<script src="../assets/js/statistics/index.js"></script>
</html>